/* pages/ERP/index.wxss */
.body {
  background: #FFFFFF;
}

.wrapper-contion {
  width: 100%;
  height: 100%;
}

.wrapper {
  width: 750px;
  height: 550px;
  background: url('https://oss.cloudcpc.com/9238a5297cc33fcea21ee1422a196969.png') no-repeat center;
  background-size: cover;
  display: flex;
  flex-direction: column;
}

.wrapper-white {
  margin-top: -35px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #F3F6FF;
  border-radius: 40px 40px 0px 0px;
  padding: 65px 0px 45px 0px;
  overflow: hidden;
}

.top-Title {
  margin-bottom: 49px;
  font-size: 36px;
  color: #18202D;
  line-height: 34px;
}

.top-sub {
  margin-bottom: 30px;
  width: 690px;
  font-size: 28px;
  color: #888888;
  line-height: 48px;
  text-align: center;
}

.top-image {
  position: relative;
  margin-bottom: 60px;
  width: 739px;
  height: 449px;
}

.scroll-view-item {
  display: inline-block;

}

.wrapper-white-view {
  display: flex;
  flex-direction: row;
  margin-left: 32px;
  margin-right: 32px;
  width: 100%;
  overflow-x: auto;
}

.wrapper-backView {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 15px;
  width: 333px;
  height: 360px;
  background: #FFFFFF;
  box-shadow: 0px 8px 20px 0px rgba(139, 181, 242, 0.21);
  border-radius: 16px;
}

.wrapper-white-url {
  width: 333px;
  height: 84px;
  // margin-bottom: 35px;
  // padding-top: 35px;
  box-sizing: border-box;

}

.wrapper-white-txt {
  text-align: center;
  font-size: 32px;
  font-weight: bold;
  color: #FFFFFF;
  // padding-top: 35px;
  line-height: 84px;
  box-sizing: border-box;
}

.wrapper-white-sub {
  width: 286px;
  font-size: 26px;
  color: #888888;
  line-height: 36px;
  // margin-bottom: 20px;
  padding-top: 35px;
  // box-sizing: ;
}

.wrapper-Title {
  margin-bottom: 40px;
  font-size: 32px;
  font-weight: 500;
  color: #505C6B;
  line-height: 48px;
}



.sys-white {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #FFFFFF;
  padding: 50px 0px 40px 0px;
}

.sys-sub {
  margin-bottom: 26px;

}

.sys-top-item {
  width: 719px;
  height: 485px;
  margin-bottom: 50px;
}

.sys-down-item {
  width: 689px;
  height: 459px;
}

.basic-white {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #F3F6FF;
  padding-top: 50px;
}

.swiper-container {
  width: 100%;
  height: 880px;
}



.basic-swiper {
  width: 750px;
  height: 880px;
}

.basic-Top-swiper-item {
  width: 750px;
  padding-bottom: 80px;
  display: flex;
  flex-direction: column;
}

.wrapper-Top-white {
  width: 750px;
  padding-bottom: 30px;
  display: flex;
  flex-direction: row;
  align-items: center;

}

.wrapper-Top-white-two {
  padding-right: 0px;
  padding-left: 40px;
}

.wrapper-Top-white-url {
  width: 222px;
  height: 260px;
}

.wrapper-Top-right {
  padding-left: 39px;
  padding-top: 30px;
  padding-bottom: 30px;
  padding-right: 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #FFFFFF;
  box-shadow: 0px 13px 30px 0px rgba(169, 210, 237, 0.33);
}

.wrapper-Top-white-txt {
  margin-bottom: 30px;
  width: 410px;
  font-size: 26px;
  font-weight: 500;
  color: #18202D;
  line-height: 44px;
}

.wrapper-Top-white-sub {
  width: 410px;
  font-size: 26px;
  color: #878787;
  line-height: 40px;
}





.value-white {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #FFFFFF;
  padding-top: 66px;
  padding-bottom: 20px;
  overflow-x: hidden;
}

.value-sub {
  width: 700px;
  margin-bottom: 80px;
}

.value-Top-url {
  width: 480px;
  height: 480px;
  margin-bottom: 160px;
  transform: scale(1);
  -webkit-animation-name: scaleDraw;
  /*关键帧名称*/
  -webkit-animation-timing-function: ease-in-out;
  /*动画的速度曲线*/
  -webkit-animation-iteration-count: infinite;
  /*动画播放的次数*/
  -webkit-animation-duration: 5s;
  /*动画所花费的时间*/

}

@keyframes scaleDraw {

  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
  0% {
    transform: scale(1);
    /*开始为原始大小*/
    opacity: 1;
  }

  25% {
    transform: scale(1.2);
    /*放大1.1倍*/
    opacity: 0.4;
  }

  50% {
    transform: scale(1);
    opacity: 1;
  }

  75% {
    transform: scale(1.2);
    opacity: 0.4;
  }
}

.value-down-url {
  position: absolute;
  top: 450px;
  left: 32px;
  width: 686px;
  height: 581px;
}
